<template>
	<view class="home clearfix">
		<cu-custom bgColor="bg-white " isBack>
			<block slot="content">我的权益</block>
		</cu-custom>
		<view class="flex al-strar justify-between px15 bg-red py30">
			<view class="flex align-center h60">
				<image src="/static/logo.png" class="block60 round" mode=""></image>
				<view class="ml15 flex flex-direction hp100 justify-start">
					<text class="f12 text-white mt10">ID：{{userInfo.uid}}</text>
					<text class="f12 text-white mt10">手机号：{{tel}}</text>
				</view>
			</view>
			<view class="flex al-strar f12 text-white mt10">
				<text>当前等级：</text>
				<text class="text-yellow">{{userInfo.vipName}}</text>
			</view>
		</view>
		<view class="flex flex-direction mt20 px15">
			<!-- <view class="flex align-center f18">
				<image src="/static/home/tuijian.png" class="tuijian-biaoqian" mode=""></image>
				<view class="ml5">权益描述</view>
			</view>
			<view class="f18 mt40">一、免费注册 </view>
			<view class="mt15">免费注册，通过实名认证可创业开店。</view>
			<view class="f18 mt40">二、邀请好友 </view>
			<view class="mt15">分享二维码给好友可得分红奖励和邀请奖励</view> -->
			<jyf-parser :html="desc" :domain="baseURL.http+baseURL.domain" />
		</view>
	</view>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
	data() {
		return {
			headImg:'',
			tel:'',
			vipName:'',
			desc:''
		}
	},
	onLoad(e) {
		this.getData()
	},
	methods: {
		...mapActions(['setStoretype']),
		async getData() {
			let {
				data:{headImg,tel,vipName,desc}
			} = await this.$http.post('user.quanyi')
			this.headImg=headImg
			this.tel=tel
			this.vipName=vipName
			this.desc=desc
		},
		
	}
}
</script>

<style lang="less">
	.tuijian-biaoqian{
		width: 14rpx;
		height: 27rpx;
	}
	page{
		background-color: #FFFFFF;
	}
</style>
